<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="baidu-site-verification" content="rev2vesxXw" />
        <title>平台数据-钱内助-安全靠谱的国资系理财平台</title>
        <meta name="keywords" content="钱内助，钱内助理财，互联网金融，理财投资，P2P，银行存管，国资背景，注册送现金，网络理财，网络投资">
        <meta name="description" content="钱内助由国企中弘信达（上海）企业发展有限公司控股，现已与银行正式签署资金存管协议。公司战略合作机构准入门槛高，每笔投资都由亚太地区规模最大的律师事务所“盈科律师事务所”逐笔鉴证、提供全程法律监督，并出具法律意见书，确保其债权形成的真实性及合法性，保障每一位用户的资金安全。">
        <link rel="stylesheet" href="${webroot}${theme_dir}/style/bq_style.css?t=${timestamp?c}1">
        <style>
            body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
            body{ font-family: "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; overflow-x: hidden;}
            ul,li,ol{ list-style: none;}
            img{ border: none;}
            a{ text-decoration: none;}
            a:hover{ text-decoration: none;}
            .fl{ float: left;}
            .fr{ float: right;}
            .clearFixed:after{ content: ''; clear: both; width: 0; height: 0; display: block; visibility: hidden;}
            .plantBanner{ width: 100%; height: 220px; background: url(plantdata/plant_banner.png) #fd8a48 no-repeat top center;}
            .dataTotal{ width: 1192px; margin: 0 auto; padding: 60px 0 50px 0;}
            h1.title{ width: 100%; margin: 0 auto; position: relative; height: 50px; font-size: 26px; color: #333; font-weight: normal; text-align: center;}
            h1.title i{ display: block; width: 76px; height: 4px; background: #ff5722; position: absolute; left: 50%; bottom: 0; margin-left: -38px;}
            .dataTotalList{ width: 100%; margin-top: 40px;}
            .dataTotalList li{ float: left; width: 380px; height: 175px; background: #f9f9fa; text-align: center; font-size: 16px; color: #999; margin-bottom: 22px;}
            .dataTotalList li i{ display: block; width: 52px; height: 52px; overflow: hidden; margin: 22px auto 0 auto; background: url(plantdata/plant_icon.png) no-repeat;}
            .dataTotalList li span{ color: #333; font-size: 28px; margin: 10px auto; display: block;}
            .dataTotalList li span em{ font-style: normal;}
            .dataTotalList li.dt1 i{ background-position: 0 0;}
            .dataTotalList li.dt2 i{ background-position: -52px 0;}
            .dataTotalList li.dt3 i{ background-position: -104px 0;}
            .dataTotalList li.dt4 i{ background-position: 0 -52px;}
            .dataTotalList li.dt5 i{ background-position: -52px -52px;}
            .dataTotalList li.dt6 i{ background-position: -104px -52px;}
            .dataTotalList li.dt7 i{ background-position: 0 -104px;}
            .dataTotalList li.dt8 i{ background-position: -52px -104px;}
            .dataTotalList li.dt9 i{ background-position: -104px -104px;}
            .dataTotalList li.dt2,
            .dataTotalList li.dt5,
            .dataTotalList li.dt8{ margin: 0 22px 0 22px;}
            .numberMain{ width: 100%; background: #f8f8f8; padding: 60px 0;}
            .borrowerNum,
            .investorNum{ width: 1092px; height: 460px; background: #fff; margin: 0 auto; padding: 50px; position: relative;}
            #borrowerEcharts,
            #investorEcharts{ width: 1092px; height: 400px; margin-top: 10px;}
            .investorNum{ margin-top: 30px;}
            .percentBorrower{ width: 1192px; margin: 60px auto 0 auto;}
            .percentBorrowerBox{ width: 100%; margin-top: 40px;}
            .percentBorrowerLeft,
            .percentBorrowerRight{ width: 520px; height: 290px; padding: 30px; background: #fff;}
            .percentBorrowerLeft h5,
            .percentBorrowerRight h5{ font-weight: normal; font-size: 16px; color: #333;}
            #maximumBorrowers,
            #topTenBorrowers{ width: 520px; height: 240px;}
            .dataStatistics{ width: 100%; height: 470px; background: url(plantdata/plant_bg.jpg) no-repeat top center; background-size: cover;}
            .dataStatisticsBox{ width: 1192px; margin: 0 auto; padding-top: 60px;}
            .dataStatisticsBox h1{ color: #fff;}
            .dataStatisticsList{ width: 100%; padding-top: 40px;}
            .dataStatisticsList li{ float: left; width: 33.33%; text-align: center; color: #fff; font-size: 14px;}
            .dataStatisticsList li div{ width: 182px; height: 136px; margin: 0 auto; border-radius: 100%; padding-top: 46px;}
            .dataStatisticsList li div i{ display: block; width: 90px; height: 90px; margin: 0 auto; background: url(plantdata/plant_icon.png) no-repeat;}
            .dataStatisticsList li.dt1 div{ background: #ff7848;}
            .dataStatisticsList li.dt2 div{ background: #1dc07d;}
            .dataStatisticsList li.dt3 div{ background: #4788e3;}
            .dataStatisticsList li.dt1 div i{ background-position: -156px -33px;}
            .dataStatisticsList li.dt2 div i{ background-position: -246px -33px;}
            .dataStatisticsList li.dt3 div i{ background-position: -336px -33px;}
            .dataStatisticsList li span{ display: block; margin-top: 30px; font-size: 28px; margin-bottom: 10px;}
            .dataStatisticsList li span em{ font-style: normal;}
            .projectDelay{ width: 100%; padding-top: 60px; padding-bottom: 40px;}
            .projectDelayBox{ width: 100%;background: #f9f9fa; padding: 25px 0;}
            .projectDelayList{ width: 1192px; margin: 0 auto;}
            .projectDelayList li{ float: left; width: 197px; text-align: center; border-right: 1px solid #ececec; font-size: 16px; color: #999;}
            .projectDelayList li span{ display: block; min-height: 30px; line-height: 30px; font-size: 28px; color: #333; margin-bottom: 10px;}
            .projectDelayList li span font em{ font-style: normal;}
            .projectDelayList li.last{ border-right: none;}
            .otherDelay{ width: 1192px; margin: 0 auto; padding-top: 60px; padding-bottom: 40px;}
            .otherDelayLeft,
            .otherDelayRight{ width: 580px;}
            .otherDelayLeft h3,
            .otherDelayRight h3{ text-align: center; font-size: 26px; color: #333; font-weight: normal;}
            .overdueRate{ border: 1px solid #ededed; padding: 20px; margin-top: 30px;}
            .overdueRate li{ height: 22px; font-size: 14px; color: #666; position: relative; padding: 0 50px 0 170px;}
            .overdueRate li.mt2{ margin: 20px 0;}
            .overdueRate li p{ display: block; position: absolute; left: 0; text-align: right; line-height: 22px; width: 160px;}
            .overdueRate li div{ width: 100%; height: 22px; background: #f4f4f4;}
            .overdueRate li div i{
                display: block; height: 22px; width: 0;
                transition: all 1s;
            }
            .overdueRate li.mt1 div i{ background: #ff7848;}
            .overdueRate li.mt2 div i{ background: #ffc107;}
            .overdueRate li.mt3 div i{ background: #77acf6;}
            .overdueRate li span{ position: absolute; right: 0; top: 0; line-height: 22px; width: 50px; text-align: center;}

            .chooseYear{ width: 100px; height: 30px; border: 1px solid #d9d9d9; position: absolute; right: 80px; top: 100px; z-index: 200; border-radius: 3px;}
            .chooseYear span{ display: block; height: 30px; line-height: 30px; padding-left: 10px;color: #333333; position: relative;}
            .chooseYear span:after{
                content: ''; width: 0; height: 0; position: absolute; right: 8px; top: 12px;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 8px solid #d9d9d9;
            }
            .chooseYear ul{ width: 100px; border: 1px solid #d9d9d9; border-top: none; position: absolute; left: -1px; top: 30px; background: #fff; display: none;}
            .chooseYear li{ line-height: 30px; padding-left: 10px; color: #333333;}
            .chooseYear li:hover{ background: #d8ebff;}
        </style>
        <!--[if lt IE 9]>
        <script src="${webroot}${theme_dir}/script/html5shiv.js"></script>
        <![endif]-->
    </head>
    <body>
        <!--S 快速导航开始-->
        <#include "../include/quickNav.html"/>
        <!--E 快速导航结束-->
        <!--S 头部开始-->
        <#include "../include/header.html"/>
        <!--E 头部结束-->
        <section class="bd">
            <#include "include/nav.html"/>
        </section>
        <!--平台数据内容开始-->
        <div class="plantBanner"></div>
        <!--数据汇总-->
        <div class="dataTotal">
            <h1 class="title">数据汇总<i></i></h1>
            <div class="dataTotalList clearFixed">
                <ul>
                    <li class="dt1">
                        <i></i>
                        <span><font class="J_num"></font>亿元</span>
                        <p>累计成交额</p>
                    </li>
                    <li class="dt2">
                        <i></i>
                        <span><font class="J_num"></font>笔</span>
                        <p>累计成交笔数</p>
                    </li>
                    <li class="dt3">
                        <i></i>
                        <span><font class="J_num"></font>天</span>
                        <p>安全运营天数</p>
                    </li>
                    <li class="dt4">
                        <i></i>
                        <span><font class="J_num"></font>人</span>
                        <p>累计注册人数</p>
                    </li>
                    <li class="dt5">
                        <i></i>
                        <span><font class="J_num"></font>亿元</span>
                        <p>为用户赚取收益</p>
                    </li>
                    <li class="dt6">
                        <i></i>
                        <span><font class="J_num"></font>笔</span>
                        <p>当前借贷笔数</p>
                    </li>
                    <li class="dt7">
                        <i></i>
                        <span><font class="J_num"></font>人</span>
                        <p>借贷余额</p>
                    </li>
                    <li class="dt8">
                        <i></i>
                        <span><font class="J_num"></font>人</span>
                        <p>当前出借人数量</p>
                    </li>
                    <li class="dt9">
                        <i></i>
                        <span><font class="J_num"></font>人</span>
                        <p>当前借款人数量</p>
                    </li>
                </ul>
            </div>
        </div>
        <!--借款&投资人数-->
        <div class="numberMain">
            <!--借款人数-->
            <div class="borrowerNum" id="borrowerNum">
                <h1 class="title">累计借款人数：12568人<i></i></h1>
                <div class="borrower_chooseYear chooseYear">
                    <span>2017</span>
                    <ul>
                        <li>2017</li>
                        <li>2016</li>
                        <li>2015</li>
                    </ul>
                </div>
                <div id="borrowerEcharts"></div>
            </div>
            <!--投资人数-->
            <div class="investorNum" id="investorNum">
                <h1 class="title">累计投资人数：12568人<i></i></h1>
                <div class="invest_chooseYear chooseYear">
                    <span>2017</span>
                    <ul>
                        <li>2017</li>
                        <li>2016</li>
                        <li>2015</li>
                    </ul>
                </div>
                <div id="investorEcharts"></div>
            </div>
            <!--借款资金占比-->
            <div class="percentBorrower" id="percentBorrower">
                <h1 class="title">借款资金占比<i></i></h1>
                <div class="percentBorrowerBox clearFixed">
                    <div class="percentBorrowerLeft fl">
                        <h5>最大借款人待还金额占比</h5>
                        <div id="maximumBorrowers"></div>
                    </div>
                    <div class="percentBorrowerRight fr">
                        <h5>前十大借款人待还金额占比</h5>
                        <div id="topTenBorrowers"></div>
                    </div>
                </div>
            </div>
        </div>
        <!--均值数据统计-->
        <div class="dataStatistics" id="dataStatistics">
            <div class="dataStatisticsBox">
                <h1 class="title">均值数据统计<i></i></h1>
                <div class="dataStatisticsList clearFixed">
                    <ul>
                        <li class="dt1">
                            <div><i></i></div>
                            <span class="J_num1"></span>
                            <p>人均累计投资额(元)</p>
                        </li>
                        <li class="dt2">
                            <div><i></i></div>
                            <span class="J_num1"></span>
                            <p>人均累计借款额(元)</p>
                        </li>
                        <li class="dt3">
                            <div><i></i></div>
                            <span class="J_num1"></span>
                            <p>笔均累计借款额(元)</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--项目逾期率-->
        <div class="projectDelay" id="projectDelay">
            <h1 class="title">累计项目逾期率：0%<i></i></h1>
        </div>
        <div class="projectDelayBox">
            <div class="projectDelayList clearFixed">
                <ul>
                    <li>
                        <span><font class="J_num1"></font>元</span>
                        <p>逾期金额</p>
                    </li>
                    <li>
                        <span><font class="J_num1"></font>笔</span>
                        <p>逾期笔数</p>
                    </li>
                    <li>
                        <span><font class="J_num1"></font>笔</span>
                        <p>累计代偿笔数</p>
                    </li>
                    <li>
                        <span><font class="J_num1"></font>元</span>
                        <p>累计代偿金额</p>
                    </li>
                    <li>
                        <span><font class="J_num1"></font>元</span>
                        <p>逾期90天以上金额</p>
                    </li>
                    <li class="last">
                        <span><font class="J_num1"></font>笔</span>
                        <p>逾期90天以上笔数</p>
                    </li>
                </ul>
            </div>
        </div>
        <!--项目&金额逾期率-->
        <div class="otherDelay clearFixed" id="otherDelay">
            <div class="otherDelayLeft fl">
                <h3>项目分期逾期率</h3>
                <div class="projectRate overdueRate">
                    <ul>
                        <li class="mt1">
                            <p> 累计90天（含）</p>
                            <div><i class="percentStep"></i></div>
                            <span class="percentText"></span>
                        </li>
                        <li class="mt2">
                            <p>90天以上至180天（含）</p>
                            <div><i class="percentStep"></i></div>
                            <span class="percentText"></span>
                        </li>
                        <li class="mt3">
                            <p>181天以上</p>
                            <div><i class="percentStep"></i></div>
                            <span class="percentText"></span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="otherDelayRight fr">
                <h3>金额分级逾期率</h3>
                <div class="amountRate overdueRate">
                    <ul>
                        <li class="mt1">
                            <p> 累计90天（含）</p>
                            <div><i class="percentStep"></i></div>
                            <span class="percentText"></span>
                        </li>
                        <li class="mt2">
                            <p>90天以上至180天（含）</p>
                            <div><i class="percentStep"></i></div>
                            <span class="percentText"></span>
                        </li>
                        <li class="mt3">
                            <p>181天以上</p>
                            <div><i class="percentStep"></i></div>
                            <span class="percentText"></span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--<script src="/themes/soonmes_qzw_v2/script/echarts.common.min.js"></script>-->
        <script src="https://www.qianneizhu.com/themes/soonmes_qzw_v2/script/jquery.js"></script>
        <script src="js/echarts.common.min.js"></script>
        <script src="js/jquery.waypoints.min.js"></script>
        <script>
            var borrowerId = echarts.init(document.getElementById('borrowerEcharts'));
            var investorId = echarts.init(document.getElementById('investorEcharts'));
            var borrower = {
                tooltip: {
                    trigger: 'axis',
                    formatter: "{b}月<br/>{c}万人",
                    padding: [5,10]
                },
                grid: {
                    left: '0',
                    right: '5%',
                    bottom: '0',
                    containLabel:true
                },
                xAxis: [
                    {
                        type: 'category',
                        boundaryGap : false,
                        data : ['1','2','3','4','5','6','7','8','9','10','11','12'],
                        name : '(月)',
                        nameLocation : 'end',
                        nameTextStyle:{color:['#ccc']},
                        splitLine:{ show: false },
                        axisLabel:{ show: true, textStyle: { color: '#ccc' } },
                        axisLine:{
                            lineStyle:{
                                color:'#ececec'

                            }
                        }
                    }
                ],
                yAxis: [
                    {
                        type : 'value',
                        name : '(万人)',
                        nameLocation:"end",
                        nameTextStyle:{color:['#ccc']},
                        splitLine:{ show: true, lineStyle: { color:'#ececec' } },
                        axisLabel:{ show: true, textStyle: { color: '#ccc' } },
                        axisLine:{
                            lineStyle:{
                                color:'#ececec'

                            }
                        }
                    }
                ],
                series: [
                    {
                        name:'',
                        type:'line',
                        stack: '总量',
                        data: [],
                        smooth: true,
                        itemStyle: {
                            normal: {
                                areaStyle: {
                                    color:{
                                        type: 'linear',
                                        x: 0,
                                        y: 0,
                                        x2: 0,
                                        y2: 1,
                                        colorStops: [
                                            { offset: 0, color: '#fbcdaa' },
                                            { offset: 1, color: '#feede0' }
                                        ],
                                        globalCoord: false // 缺省为 false
                                    },
                                    type: 'blue'
                                },
                                lineStyle:{ color:'#fe9a78' }
                            }
                        },
                        symbolSize:'6',
                        symbol:"circle"
                    }
                ],
                color:['#ef5019'],
                calculable:false
            };
            function changeborrower(data,flag){
                borrower.series[0].data=data;
                if(flag){
                    borrower.color=['#7ab9fc'];
                    borrower.series[0].itemStyle.normal.lineStyle={ color:'#7ab9fc' };
                    borrower.series[0].itemStyle.normal.areaStyle.color.colorStops=[
                        { offset: 0, color: '#afd6ff' },
                        { offset: 1, color: '#ddeeff' }
                    ];
                }
            }
            function pageInit(){
                new Waypoint({
                    element: document.getElementById('borrowerNum'),
                    handler: function(){
                        var data1 = ['1','2','3'];
                        changeborrower(data1,false);
                        borrowerId.setOption(borrower);
                    },
                    offset: function(){
                        return this.element.clientHeight
                    }
                });
                new Waypoint({
                    element: document.getElementById('investorNum'),
                    handler: function(){
                        var data1 = ['0.5','1','2','2.2','4','1','6','7','4','1','6','7'];
                        changeborrower(data1,true);
                        investorId.setOption(borrower);
                    },
                    offset: function(){
                        return this.element.clientHeight
                    }
                });
                new Waypoint({
                    element: document.getElementById('percentBorrower'),
                    handler: function(){
                        maximumBorrowers.setOption(badrateOption);
                        topTenBorrowers.setOption(badrateOption);
                    },
                    offset: function(){
                        return this.element.clientHeight
                    }
                });
                new Waypoint({
                    element: document.getElementById('dataStatistics'),
                    handler: function(){
                        projectDelay();
                        otherDelay();
                    },
                    offset: function(){
                        return this.element.clientHeight/3
                    }
                });
            }
            pageInit();

            //切换年份
            $('.chooseYear span').on('click',function(){
                $(this).siblings('ul').show();
            });
            $('.chooseYear li').on('click',function(){
                $(this).addClass('on').siblings().removeClass();
                $(this).parent().hide().siblings().html($(this).html());
            });

            //借款资金占比
            var maximumBorrowers = echarts.init(document.getElementById('maximumBorrowers'));
            var topTenBorrowers = echarts.init(document.getElementById('topTenBorrowers'));
            var badrateOption={
                color:['#11a0f8','#ffbb44'],
                title: {
                    text: '00.88%',
                    x: '16%',
                    y: '53%',
                    textStyle : {
                        color : '#666',
                        fontFamily : '微软雅黑',
                        fontSize : 24,
                        fontWeight : 'normal'
                    }
                },
                tooltip: {
                    trigger: 'item',
                    formatter: "{b}"
                },
                legend: {
                    orient: 'vertical',
                    itemGap: 30,
                    top: '48%',
                    left:'55%',
                    align:'left',
                    data:['最大借款人待还金额','其他借款人待还金额']
                },
                series: [
                    {
                        name:'',
                        type:'pie',
                        radius: ['60%', '70%'],
                        center : ['25%', '60%'],
                        avoidLabelOverlap: false,
                        label: {
                            normal: {
                                show: false,
                                position: 'center'
                            },
                            emphasis: {
                                show: false,
                                text: "",
                                textStyle: {
                                    fontSize: '30',
                                    fontWeight: 'bold'
                                }
                            }
                        },
                        labelLine: {
                            normal: {
                                show: false
                            }
                        },
                        data:[
                            {value:120, name:'最大借款人待还金额'},
                            {value:335, name:'其他借款人待还金额'}
                        ]
                    }
                ]
            };

            //数字效果
            function getHtml(amount,container){
                var str = amount.toString();
                var amountHtml='';
                for(var i=0;i<str.length;i++){
                    amountHtml+= '<em>'+str.charAt(i)+'</em>'
                }
                $(container).html(amountHtml);
                var bitBox = $(container).find('em');
                bitBox.each(function(index,item){
                    var $this = $(this);
                    if($this.text()=='.'){
                        $this.text('.');
                    }else if($this.text()==','){
                        $this.text(',');
                    }else{
                        $this.text('0');
                    }
                    var currentNumber=0;
                    var timer = setInterval(function(){
                        if(bitBox.eq(index).html() >= str.charAt(index)){
                            clearInterval(timer);
                        }else{
                            bitBox.eq(index).html(currentNumber)
                        }
                        currentNumber++;
                    },200/(str.charAt(index)));
                })
            }
            var dataNum = ['132.45','132456','132456','800000','1324.56','132456','800000','123456','123456'];
            $('.J_num').each(function(index){
                getHtml(dataNum[index],$(this));
            });

            //项目逾期率
            function projectDelay(){
                var projectData = ['104,808.41','304,808.41','304,808.41','132.45','132.45','20','300000.00','2000.00','20'];
                $('.J_num1').each(function(index){
                    getHtml(projectData[index],$(this));
                });
            }
            function otherDelay(){
                var otherDelayData = ['20','30','40','10','15','55'];
                $('.overdueRate li').each(function(index){
                    $(this).find('.percentStep').width(otherDelayData[index]+'%');
                    $(this).find('.percentText').html(otherDelayData[index]+'%');
                });
            }
        </script>
        <script>
            var _hmt = _hmt || [];
            (function() {
                var hm = document.createElement("script");
                hm.src = "//hm.baidu.com/hm.js?c99fe1c7b690e000350f2883e671cb5c";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
            var _vds = _vds || [];
            window._vds = _vds;
            (function(){
                _vds.push(['setAccountId', 'a74544d3179583c3']);
                (function() {
                    var vds = document.createElement('script');
                    vds.type='text/javascript';
                    vds.async = true;
                    vds.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'dn-growing.qbox.me/vds.js';
                    var s = document.getElementsByTagName('script')[0];
                    s.parentNode.insertBefore(vds, s);
                })();
            })();
        </script>
    </body>
</html>